<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Autofill phone fields test form</title>
  </head>
  <body>
    <form id="testform1" method="post">
      <label for="NAME_FIRST1">First name:</label>
      <input type="text" id="NAME_FIRST1"><br/>
      <label for="NAME_LAST1">Last name:</label>
      <input type="text" id="NAME_LAST1"><br/>
      <label for="ADDRESS_HOME_LINE1">Address:</label>
      <input type="text" id="ADDRESS_HOME_LINE1"><br/>
      <label for="ADDRESS_HOME_CITY">City:</label>
      <input type="text" id="ADDRESS_HOME_CITY"><br/>
      <label for="ADDRESS_HOME_STATE">State:</label>
      <input type="text" id="ADDRESS_HOME_STATE"><br/>
      <label for="ADDRESS_HOME_ZIP">Zip:</label>
      <input type="text" id="ADDRESS_HOME_ZIP"><br/>

      <!-- Basic phone field. -->
      <label for="PHONE_HOME_WHOLE_NUMBER">Phone:</label>
      <input type="text" id="PHONE_HOME_WHOLE_NUMBER"><br/>

    </form>
<form id="testform2" method="post">
      <label for="NAME_FIRST2">First name:</label>
      <input type="text" id="NAME_FIRST2"><br/>
      <label for="NAME_LAST2">Last name:</label>
      <input type="text" id="NAME_LAST2"><br/>

      <!-- Set of phone fields with area code and phone number. -->
      <label for="PHONE_HOME_CITY_CODE-1">Area Code:</label>
      <input type="text" id="PHONE_HOME_CITY_CODE-1">
      <label for="PHONE_HOME_NUMBER">Phone:</label>
      <input type="text" id="PHONE_HOME_NUMBER"><br/>
    </form>

<form id="testform3" method="post">
      <label for="NAME_FIRST3">First name:</label>
      <input type="text" id="NAME_FIRST3"><br/>
      <label for="NAME_LAST3">Last name:</label>
      <input type="text" id="NAME_LAST3"><br/>


      <!-- Set of phone fields with area code, ###, ####, and ext. -->
      <label for="PHONE_HOME_CITY_CODE-2">Phone:</label>
      <input type="text" maxlength="3" id="PHONE_HOME_CITY_CODE-2">
      <label for="PHONE_HOME_NUMBER_3-1"> - </label>
      <input type="text" maxlength="3" id="PHONE_HOME_NUMBER_3-1">
      <label for="PHONE_HOME_NUMBER_4-1"> - </label>
      <input type="text" maxlength="4" id="PHONE_HOME_NUMBER_4-1">
      <label for="PHONE_HOME_EXT-1">ext.:</label>
      <input type="text" maxlength="5" id="PHONE_HOME_EXT-1"><br/>
    </form>

<form id="testform4" method="post">
      <label for="NAME_FIRST4">First name:</label>
      <input type="text" id="NAME_FIRST4"><br/>
      <label for="NAME_LAST4">Last name:</label>
      <input type="text" id="NAME_LAST4"><br/>

      <!-- Set of phone fields with country code, area code, ###, ####, and ext. -->
      <label for="PHONE_HOME_COUNTRY_CODE-1">Phone:</label>
      <input type="text" maxlength="2" id="PHONE_HOME_COUNTRY_CODE-1">
      <label for="PHONE_HOME_CITY_CODE-3"> - </label>
      <input type="text" maxlength="3" id="PHONE_HOME_CITY_CODE-3">
      <label for="PHONE_HOME_NUMBER_3-2"> - </label>
      <input type="text" maxlength="3" id="PHONE_HOME_NUMBER_3-2">
      <label for="PHONE_HOME_NUMBER_4-2"> - </label>
      <input type="text" maxlength="4" id="PHONE_HOME_NUMBER_4-2">
      <label for="PHONE_HOME_EXT-2">ext.:</label>
      <input type="text" maxlength="5" id="PHONE_HOME_EXT-2"><br/>
    </form>
  </body>
</html>
